@media screen and (max-width:1600px){
    .aside-menu-li{
        padding: 0.8rem 0.8rem;
        font-size: 0.8rem;
    }
    .user-avatar-frame{
        width: 5rem;
        height: 5rem;
    }
    .user-info-area-right{
        font-size: 0.5rem;
    }
    .user-info-area-right p{
        padding: 0.1rem 0;
    }
    .user-information-body{
        padding-top: 1rem;
        padding-bottom: 0rem;
    }
    .user-synopsis h6{
        font-size: 0.5rem;
    }
    .user-synopsis-text{
        font-size: 0.5rem;
    }
    .user-team-card-top{
        height: 8rem;
    }
    .user-team-card{
        font-size: 0.8rem;
    }
    .user-team-introduce-name h3{
        font-size: 1.5rem;
    }
    .team-avatar-frame{
        width: 6rem;
        height: 6rem;   
    }
    .content-area-team{
        padding: 2rem 4rem;
        
    }
    .team-page-info-area{
        padding: 1rem;
    }
    .team-page-avatar-frame{
        width: 6rem;
        height: 6rem;
    }
    .team-page-info-text{
        font-size: 0.8rem;
    }
    .team-page-announcement{
        font-size: 0.8rem;
    }
    .team-page-announcement h3{
        font-size: 1rem;
    }
    .team-page-task{
        padding: 1rem 0rem;
        font-size: 0.8rem;
    }
    .team-page-memeber-items{
        margin: 0.25rem 0rem;
    }
    .team-page-task h4{
        font-size: 1rem;
    }
    .team-page-memeber{
        padding: 1rem 4rem;
        font-size: 0.8rem;
    }
    .team-page-bottom{
        height: 22rem;
    }
    .team-page-member-list{
        height: 15rem;
    }
    .content-area-list{
        padding: 2rem;
    }
    .group-list-area{
        padding: 0.5rem;
        
    }
    .group-list-area h2{
        font-size: 1.5rem;
    }
    .group-list-area-top{
        padding: 1rem 0rem
    }
    .group-list-area-content{
        font-size: 0.8rem;
        height: 33rem;
    }
}
@media screen and (max-width:992px){
    body{
        overflow-y: scroll;
    }
    .general-layout{
        display: flex;
        flex-direction: column-reverse;
        width: 100vw;
        height: auto;
    }
    .aside-menu{
        display: flex;
        flex-direction: row;
        height: 100%;
        justify-content: center;
        align-items: center;
        background-color: rgb(36, 36, 36);
        height: 10vh;
        position: fixed;
        bottom: 0;
        width: 100vw;
        z-index: 999;
    }
    .aside-menu-ul{
        height: 100%;
        flex-direction: row;
        margin-bottom: 0;
    }
    .aside-menu-li{
        height: 100%;
        padding: 0rem 2rem;
    }
    .left-top-nav-logo{
        display: none;
    }
    .left-top-nav-right{
        flex: 1;
        justify-content: space-between;
    }
    .left-content-info{
        padding: 0;
    }
    .left-area{
        padding: 0rem 0rem;
    }
    .user-team-area{
        margin-top: 1rem;
        margin-bottom: 5rem;
    }
    .noteam{
        font-size: 1rem;
        padding: 10rem 0rem;
    }
    .user-team-introduce-synopsis-p{
        width: 100%;
        height: 4rem;
        white-space: normal;
        overflow-y: auto;
        border: 1px solid rgb(223, 223, 223);

    }
    .user-team-introduce-name h3{
        font-size: 1rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .user-team-tags{
        padding-left: 0.2rem;
        overflow-x: auto;
        border: 1px solid rgb(223, 223, 223);
    }
    .user-team-tags-list{
        font-size: 0.1rem;
    }
    .user-team-tags-items{
        white-space: nowrap;
        padding: 0rem 0.2rem;
    }
    .user-team-ID p{
        top: 0;
        right: 0;
    }
    .content-area-team{
        padding: 0.8rem 1rem;
    }
    .team-page-body{
        flex-direction: column;
    }
    .team-page-info{
        padding: 0.6rem;
    }
    .team-page-info-textarea{
        overflow-y: auto;
        
    }
    .team-page-info-area{
        padding: 0.3rem;
    }
    .team-page-info-tags{
        border-top: none;
    }
    .team-page-avatar-frame{
        width: 4rem;
        height: 4rem;
    }
    .team-page-info-text .team-name{
        font-size: 0.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all;
    }
    .team-page-announcement{
        padding: 1rem 1rem;
        font-size: 0.8rem;
        border-left: 1px solid gray;
        border-top: none;
    }
    .team-page-announcement-frame{
        height: 8rem;
        overflow-y: scroll;

    }
    .team-page-announcement h3{
        font-size: 1rem;
    }
    .team-page-bottom{
        flex-direction: column;
        margin-bottom: 25rem;
    }
    .team-page-memeber{
        border-left: 1px solid gray;
        border-top: none;
        
    }
    .team-click-a{
        top: -0.4rem;
    }
    .content-area-list{
        padding: 1rem;
        margin-bottom: 10rem;
    }
    .group-list-area-top{
        border: none;
    }
    .group-list-area-content{
        border: 1px solid rgb(196, 196, 196);
    }
    .group-list-items{
        flex-direction: column;
        align-items: center;
        padding: 0 0.5rem;
    }
    .group-list-synopsis{
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .group-list-synopsis p{
        white-space: normal;
        overflow: scroll;
        overflow: auto;
    }

    .group-list-button{
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .group-plus{
        width: 100%;
        padding: 1rem 0;
    }
    .group-list-tags{
        margin-bottom: 0.5rem;
    }
    .user-team-tags-list-group{
        width: 18rem;
        overflow: scroll;
        flex-wrap: nowrap;
        padding: 0rem;
    }
    .content-area-message{
        font-size: 0.5rem;
        padding: 0.5rem;
        margin-bottom: 13rem;
    }
    .content-area-message-area{
        padding: 0.2rem 0rem
    }
    
    .message-operation-a{
        margin-right: 1rem;
    }
}